<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js sidebar-large lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js sidebar-large lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js sidebar-large lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js sidebar-large"> <!--<![endif]-->

<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
    <!-- BEGIN META SECTION -->
    <meta charset="utf-8">
    <title>Cần biết - Danh sách Bài viết</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="" name="description" />
    <meta content="themes-lab" name="author" />
    <!-- END META SECTION -->
    <!-- BEGIN MANDATORY STYLE -->
    <link href="css/icons/icons.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/plugins.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
    <!-- END  MANDATORY STYLE -->
    <!-- BEGIN PAGE LEVEL STYLE -->
    <link href="plugins/modal/css/component.css" rel="stylesheet">
    <link rel="stylesheet" href="plugins/datatables/dataTables.css">
    <link rel="stylesheet" href="plugins/datatables/dataTables.tableTools.css">
    
    <!-- END PAGE LEVEL STYLE -->
    <script src="plugins/modernizr/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>

<body>
    <!-- BEGIN TOP MENU -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#sidebar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a id="menu-medium" class="sidebar-toggle tooltips">
                    <i class="fa fa-outdent"></i>
                </a>
                <a class="navbar-brand" href="index.html">
                    <img src="images/logo.png" alt="logo" width="79" height="26">
                </a>
            </div>
            <div class="navbar-center">Danh sách Bài viết</div>
            <div class="navbar-collapse collapse">
                <!-- BEGIN TOP NAVIGATION MENU -->
                <ul class="nav navbar-nav pull-right header-menu">
                    <!-- BEGIN NOTIFICATION DROPDOWN -->
                    <li class="dropdown" id="notifications-header">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                            <i class="glyph-icon flaticon-notifications"></i>
                            <span class="badge badge-danger badge-header">2</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="dropdown-header clearfix">
                                <p class="pull-left">Thông báo</p>
                            </li>
                            <li>
                                <ul class="dropdown-menu-list withScroll" data-height="220">
                                    <li>
                                        <a href="#">
                                            <i class="fa fa-star p-r-10 f-18 c-orange"></i>
                                            huyptn có bài viết mới
                                            <span class="dropdown-time">Chờ duyệt</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="fa fa-heart p-r-10 f-18 c-red"></i>
                                            huyptn có bài viết mới
                                            <span class="dropdown-time">Chờ duyệt</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown-footer clearfix">
                                <a href="#" class="pull-left">See all notifications</a>
                                <a href="#" class="pull-right">
                                    <i class="fa fa-cog"></i>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <!-- END NOTIFICATION DROPDOWN -->
                    <!-- BEGIN USER DROPDOWN -->
                    <li class="dropdown" id="user-header">
                        <a href="#" class="dropdown-toggle c-white" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                            <img src="images/avatars/avatar2.png" alt="user avatar" width="30" class="p-r-5">
                            <span class="username">Administrator</span>
                            <i class="fa fa-angle-down p-r-10"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="extra_profile.html">
                                    <i class="glyph-icon flaticon-account"></i> My Profile
                                </a>
                            </li>
                            <li>
                                <a href="calendar.html">
                                    <i class="glyph-icon flaticon-calendar"></i> My Calendar
                                </a>
                            </li>
                            <li>
                                <a href="calendar.html">
                                    <i class="glyph-icon flaticon-settings21"></i> Account Settings
                                </a>
                            </li>
                            <li class="dropdown-footer clearfix">
							<a href="javascript:;" class="toggle_fullscreen" title="Fullscreen">
								<i class="glyph-icon flaticon-fullscreen3"></i>
							</a>
							<a href="lockscreen.html" title="Lock Screen">
								<i class="glyph-icon flaticon-padlock23"></i>
							</a>
							<a href="login.html" title="Logout">
								<i class="fa fa-power-off"></i>
							</a>
						</li>
                        </ul>
                    </li>
                    <!-- END USER DROPDOWN -->
                </ul>
                <!-- END TOP NAVIGATION MENU -->
            </div>
        </div>
    </nav>
    <!-- END TOP MENU -->
    <!-- BEGIN WRAPPER -->
    <div id="wrapper">
        <!-- BEGIN MAIN SIDEBAR -->
        <nav id="sidebar">
            <div id="main-menu">
                <ul class="sidebar-nav">
                    <li>
                        <a href="index.html"><i class="fa fa-dashboard"></i><span class="sidebar-text">Tổng hợp</span></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-users"></i><span class="sidebar-text">Quản lý thành viên</span><span class="fa arrow"></span></a>
                         <ul class="submenu collapse">
                            <li>
                                <a href="user-list.html"><span class="sidebar-text">Danh sách thành viên</span></a>
                            </li>
                        </ul>
                    </li>
                    <li class="current active hasSub">
                        <a href="#"><i class="fa fa-file-text"></i><span class="sidebar-text">Quản lý bài viết</span><span class="fa arrow"></span></a>
                        <ul class="submenu collapse">
                            <li class="current">
                                <a href="article-list.html"><span class="sidebar-text">Danh sách bài viết</span></a>                            
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="glyph-icon flaticon-gallery"></i><span class="sidebar-text">Quản lý album ảnh</span><span class="fa arrow"></span></a>
                        <ul class="submenu collapse">
                            <li>
                                <a href="album-list.html"><span class="sidebar-text">Danh sách album ảnh</span></a>
                            </li>
                            <li>
                                <a href="images-list.html"><span class="sidebar-text">Danh sách hình ảnh</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-video-camera"></i><span class="sidebar-text">Quản lý video clip</span><span class="fa arrow"></span></a>
                        <ul class="submenu collapse">
                            <li>
                                <a href="video-list.html"><span class="sidebar-text">Danh sách video clip</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-comments"></i><span class="sidebar-text">Quản lý bình luận</span><span class="fa arrow"></span></a>
                    	<ul class="submenu collapse">
                            <li>
                                <a href="article_comment.html"><span class="sidebar-text">Bình luận bài viết</span></a>
                            </li>
                            <li>
                                <a href="album_comment.html"><span class="sidebar-text">Bình luận album ảnh</span></a>
                            </li>
                            <li>
                                <a href="video_comment.html"><span class="sidebar-text">Bình luận video clip</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-thumbs-up"></i><span class="sidebar-text">Quản lý đánh giá</span><span class="fa arrow"></span></a>
                        <ul class="submenu collapse">
                            <li>
                                <a href="article_ratting.html"><span class="sidebar-text">Đánh giá bài viết</span></a>
                            </li>
                            <li>
                                <a href="album_ratting.html"><span class="sidebar-text">Đánh giá album ảnh</span></a>
                            </li>
                            <li>
                                <a href="video_ratting.html"><span class="sidebar-text">Đánh giá video clip</span></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-list"></i><span class="sidebar-text">Quản lý danh mục</span><span class="fa arrow"></span></a>
                        <ul class="submenu collapse">
                            <li>
                                <a href="category-list.html"><span class="sidebar-text">Danh sách danh mục</span></a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="footer-widget">
                <img src="images/gradient.png" alt="gradient effet" class="sidebar-gradient-img" />
                <div id="sidebar-charts">
                    <div class="sidebar-charts-inner">
                        <div class="sidebar-charts-left">
                            <div class="sidebar-chart-title">Thành viên đang onile</div>
                            <div class="sidebar-chart-number">1,256</div>
                        </div>
                    </div>
                    <hr class="divider">
                    <div class="sidebar-charts-inner">
                        <div class="sidebar-charts-left">
                            <div class="sidebar-chart-title">Lượt người xem</div>
                            <div class="sidebar-chart-number">56,400</div>
                        </div>
                    </div>
                </div>
                <div class="sidebar-footer clearfix">
                    <a class="pull-left" href="login.html" rel="tooltip" data-placement="top" data-original-title="Logout"><i class="fa fa-power-off right"></i></a>
                </div> 
            </div>
        </nav>
        <!-- END MAIN SIDEBAR -->
        <!-- BEGIN MAIN CONTENT -->
        <div id="main-content">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-heading bg-orange">
                            <h3 class="panel-title"><strong>Danh sách </strong> Bài viết</h3>
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-12 m-b-20">
                                    <div class="btn-group">
                                        <button class="btn btn-danger" data-toggle="modal" data-target="#add-article">
                                        	<i class="fa fa-plus"></i> Thêm bài viết
                                        </button>
                                    </div>
                                    <div class="btn-group pull-right">
                                        <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">Tools <i class="fa fa-angle-down"></i>
                                        </button>
                                        <ul class="dropdown-menu pull-right">
                                            <li><a href="#">In</a>
                                            </li>
                                            <li><a href="#">Xuất file PDF</a>
                                            </li>
                                            <li><a href="#">Xuất file Excel</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12 col-xs-12 table-responsive table-orange">
                                    <table class="table f-12 table-striped table-hover dataTable table-dynamic">
                                        <thead>
                                            <tr role="row">
                                                <th class="text-center">STT</th>
                                                <th>Tên bài viết</th>
                                                <th class="text-center">Thể loại</th>
                                                <th class="text-center">Trạng thái</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="text-center">1</td>
                                                <td>Top 6 Real Estate Extensions cho Joomla</td>
                                                <td class="text-center">Joomla</td>
                                                <td class="text-center"><span class="c-blue">Đã duyệt</span></td>
                                                <td class="text-center"><a href="#edit-article" data-toggle="modal"><i rel="tooltip" title="Sửa" class="fa fa-pencil-square-o f-16 c-dark m-r-10"></i></a><a href="javascript:;"><i rel="tooltip" title="Xóa" class="fa fa-trash f-16 c-red"></i></a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center">2</td>
                                                <td>Windows Metro Style Boxes với CSS3</td>
                                                <td class="text-center">CSS</td>
                                                <td class="text-center"><span class="c-blue">Đã duyệt</span></td>
                                                <td class="text-center"><a href="#edit-article" data-toggle="modal"><i rel="tooltip" title="Sửa" class="fa fa-pencil-square-o f-16 c-dark m-r-10"></i></a><a href="javascript:;"><i rel="tooltip" title="Xóa" class="fa fa-trash f-16 c-red"></i></a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center">3</td>
                                                <td>Tạo hiệu ứng đốm lửa bằng HTML5 Canvas và Javascript</td>
                                                <td class="text-center">HTML5</td>
                                                <td class="text-center"><span class="c-blue">Đã duyệt</span></td>
                                                <td class="text-center"><a href="#edit-article" data-toggle="modal"><i rel="tooltip" title="Sửa" class="fa fa-pencil-square-o f-16 c-dark m-r-10"></i></a><a href="javascript:;"><i rel="tooltip" title="Xóa" class="fa fa-trash f-16 c-red"></i></a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center">4</td>
                                                <td>Hướng dẫn css3 phần 1</td>
                                                <td class="text-center">HTML5-CSS3</td>
                                                <td class="text-center"><span class="c-blue">Đã duyệt</span></td>
                                                <td class="text-center"><a href="#edit-article" data-toggle="modal"><i rel="tooltip" title="Sửa" class="fa fa-pencil-square-o f-16 c-dark m-r-10"></i></a><a href="javascript:;"><i rel="tooltip" title="Xóa" class="fa fa-trash f-16 c-red"></i></a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center">5</td>
                                                <td>Photoshop Tutorial : Long Shadow</td>
                                                <td class="text-center">Photoshop</td>
                                                <td class="text-center"><span class="c-blue">Đã duyệt</span></td>
                                                <td class="text-center"><a href="#edit-article" data-toggle="modal"><i rel="tooltip" title="Sửa" class="fa fa-pencil-square-o f-16 c-dark m-r-10"></i></a><a href="javascript:;"><i rel="tooltip" title="Xóa" class="fa fa-trash f-16 c-red"></i></a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center">6</td>
                                                <td>3 thủ thuật bảo mật trang wordpress bằng .htaccess</td>
                                                <td class="text-center">Wordpress</td>
                                                <td class="text-center"><span class="c-blue">Đã duyệt</span></td>
                                                <td class="text-center"><a href="#edit-article" data-toggle="modal"><i rel="tooltip" title="Sửa" class="fa fa-pencil-square-o f-16 c-dark m-r-10"></i></a><a href="javascript:;"><i rel="tooltip" title="Xóa" class="fa fa-trash f-16 c-red"></i></a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center">7</td>
                                                <td>Tạo hiệu ứng chèn sản phẩm vào giỏ hàng cực đẹp với jQuery</td>
                                                <td class="text-center">Javascript</td>
                                                <td class="text-center"><span class="c-blue">Đã duyệt</span></td>
                                                <td class="text-center"><a href="#edit-article" data-toggle="modal"><i rel="tooltip" title="Sửa" class="fa fa-pencil-square-o f-16 c-dark m-r-10"></i></a><a href="javascript:;"><i rel="tooltip" title="Xóa" class="fa fa-trash f-16 c-red"></i></a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center">8</td>
                                                <td>Tạo ứng dụng Qui Đổi Tiền Tệ với PHP và Google Finance</td>
                                                <td class="text-center">PHP</td>
                                                <td class="text-center"><span class="c-blue">Đã duyệt</span></td>
                                                <td class="text-center"><a href="#edit-article" data-toggle="modal"><i rel="tooltip" title="Sửa" class="fa fa-pencil-square-o f-16 c-dark m-r-10"></i></a><a href="javascript:;"><i rel="tooltip" title="Xóa" class="fa fa-trash f-16 c-red"></i></a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center">9</td>
                                                <td>Onsite Vs. Offsite SEO: Cái nào quan trọng hơn ?</td>
                                                <td class="text-center">SEO</td>
                                                <td class="text-center"><span class="c-blue">Đã duyệt</span></td>
                                                <td class="text-center"><a href="#edit-article" data-toggle="modal"><i rel="tooltip" title="Sửa" class="fa fa-pencil-square-o f-16 c-dark m-r-10"></i></a><a href="javascript:;"><i rel="tooltip" title="Xóa" class="fa fa-trash f-16 c-red"></i></a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center">10</td>
                                                <td>Calm Free Html5 Template</td>
                                                <td class="text-center">Website template</td>
                                                <td class="text-center"><span class="c-blue">Đã duyệt</span></td>
                                                <td class="text-center"><a href="#edit-article" data-toggle="modal"><i rel="tooltip" title="Sửa" class="fa fa-pencil-square-o f-16 c-dark m-r-10"></i></a><a href="javascript:;"><i rel="tooltip" title="Xóa" class="fa fa-trash f-16 c-red"></i></a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div><!-- end col -->
                                <div class="modal fade" id="add-article" aria-hidden="true">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                            <div class="modal-header bg-orange">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-close"></i></button>
                                                <h4 class="modal-title c-white" id="myModalLabel"><strong>Tạo </strong>Bài viết</h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                  <div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                      <form id="defaultForm" method="post" class="form-horizontal">
                                                      	<input type="hidden" name="hidden">
                                                        <div class="row">
                                                        	<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                                                            	<div class="form-group">
                                                                   <div class="col-md-6 col-md-offset-3 col-sm-6 ">
                                                                      <input type="text" name="txtUserID" 
                                                                      class="form-control hidden" value="">
                                                                   </div>
                                                                 </div>
                                                          		<div class="form-group">
                                                              		<label class="col-sm-2 col-xs-12 
                                                                    control-label pull-left padding-label text-left">
                                                                    Chọn thể loại</label>
                                                              		<div class="col-sm-5 col-xs-12">
                                                                  		<select name="txtTheLoai" class="form-control
                                                                        options" data-style="btn-primary">
                                                                            <option>HTML5</option>
                                                                            <option>CSS</option>
                                                                            <option>PHP</option>
                                                                            <option>WordPress</option>
                                                                            <option>Photoshop</option>
                                                                        </select>
                                                                   </div>
                                                                </div>
                                                                <div class="form-group">
                                                                  <label class="col-sm-2 col-xs-12 control-label 
                                                                  pull-left padding-label">Tên bài viết</label>
                                                                  <div class="col-sm-10 col-xs-12">
                                                                      <input type="text" name="txtTenBaiViet" 
                                                                      class="form-control">
                                                                  </div>
                                                                </div>
                                                                <div class="form-group">
                                                                  <label class="col-sm-2 col-xs-12 control-label
                                                                  pull-left padding-label">Hình đại diện</label>
                                                                  <div class="col-sm-10 col-xs-12">
                                                                      <input type="file" name="txtHinhDaiDien" 
                                                                      class="form-control">
                                                                  </div>
                                                                </div>
                                                                <div class="form-group">
                                                                  <label class="col-sm-2 col-xs-12 control-label 
                                                                  pull-left padding-label">Tags
                                                                  </label>
                                                                  <div class="col-sm-10 col-xs-12">
                                                                      <input type="text" name="txtTags" 
                                                                      class="form-control" >
                                                                  </div>
                                                               </div>
                                                               <div class="form-group">
                                                                  <label class="col-sm-2 col-xs-12 control-label 
                                                                  pull-left padding-label">Mô tả</label>
                                                                  <div class="col-sm-10 col-xs-12">
                                                                      <textarea rows="3" name="txtMoTa" 
                                                                      class="form-control valid"></textarea>
                                                                  </div>
                                                               </div>       
                                                            </div>
                                                        	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 
                                                            text-center">
                                                            	<h5  class="thumbnail-img-text">Hình ảnh</h5>
                                                                <div class="thumbnail-img auto-margin full-width">
                                                           	    <img src="images/no-image.jpg" alt="no-image" 
                                                                class="img-responsive">
                                                                 </div>
                                                            </div>
                                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                              <div class="editor-box full-width pull-left">
                                                              	<div class="editor-title pull-left text-right">
                                                                	<label class="">Nội dung</label>
                                                                </div>
                                                                <div class="editor-content pull-left">
                                                                    <textarea rows="10" id="cke-add" name="txtNoiDung"
                                                                     class="ckeditor"></textarea>
                                                                </div>
                                                                
                                                                <div class="pull-left full-width btn-form">
                                                                  <button class="btn btn-primary m-b-10"
                                                                   name="btnTaoMoi" >Tạo mới</button>
                                                                  <button type="reset" class="btn btn-default m-b-10"
                                                                  name="btnLamLai">Làm lại</button>
                                                               </div>
                                                              </div>
                                                            </div>
                                                        </div>
                                                      </form>
                                                  </div>
                                              </div>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- end lightbox -->
                                
                                <div class="modal fade" id="edit-article" aria-hidden="true">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                            <div class="modal-header bg-orange">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-close"></i></button>
                                                <h4 class="modal-title c-white" id="myModalLabel"><strong>Chỉnh sửa</strong> Bài viết</h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                  <div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                      <form id="defaultForm" method="post" class="form-horizontal">
                                                      	<input type="hidden" name="hidden">
                                                        <div class="row">
                                                        	<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                                                            	<div class="form-group">
                                                                   <div class="col-md-6 col-md-offset-3 col-sm-6 ">
                                                                      <input type="text" name="txtUserID" 
                                                                      class="form-control hidden" value="">
                                                                   </div>
                                                                 </div>
                                                          		<div class="form-group">
                                                              		<label class="col-sm-2 col-xs-12 
                                                                    control-label pull-left padding-label text-left">
                                                                    Chọn thể loại</label>
                                                              		<div class="col-sm-5 col-xs-12">
                                                                  		<select name="txtTheLoai" class="form-control
                                                                        options" data-style="btn-primary">
                                                                            <option>HTML5</option>
                                                                            <option>CSS</option>
                                                                            <option>PHP</option>
                                                                            <option>WordPress</option>
                                                                            <option>Photoshop</option>
                                                                        </select>
                                                                   </div>
                                                                   
                                                                   <label class="col-sm-2 col-xs-12 control-label 
                                                                   pull-left padding-label">Kiểm duyệt</label>
                                                              		<div class="col-sm-3 col-xs-12 text-right approved">
                                                                  		<input type="checkbox" checked 
                                                                        data-on-color="warning" value="" 
                                                                        data-off-color="danger" class="switch"
                                                                        name="rdoKiemDuyet">
                                                                   </div>
                                                                </div>
                                                                <div class="form-group">
                                                                  <label class="col-sm-2 col-xs-12 control-label 
                                                                  pull-left padding-label">Tên bài viết</label>
                                                                  <div class="col-sm-10 col-xs-12">
                                                                      <input type="text" name="txtTenBaiViet" 
                                                                      class="form-control" value="PSD sang CSS3 trong 5 nốt nhạc">
                                                                  </div>
                                                                </div>
                                                                <div class="form-group">
                                                                  <label class="col-sm-2 col-xs-12 control-label
                                                                  pull-left padding-label">Hình đại diện</label>
                                                                  <div class="col-sm-10 col-xs-12">
                                                                      <input type="file" name="txtHinhDaiDien" 
                                                                      class="form-control">
                                                                  </div>
                                                                </div>
                                                                <div class="form-group">
                                                                  <label class="col-sm-2 col-xs-12 control-label 
                                                                  pull-left padding-label">Tags
                                                                  </label>
                                                                  <div class="col-sm-10 col-xs-12">
                                                                      <input type="text" name="txtTags" 
                                                                      class="form-control" value="thủ thuật psd, css3,...">
                                                                  </div>
                                                               </div>
                                                               <div class="form-group">
                                                                  <label class="col-sm-2 col-xs-12 control-label 
                                                                  pull-left padding-label">Mô tả</label>
                                                                  <div class="col-sm-10 col-xs-12">
                                                                      <textarea rows="3" name="txtMoTa" 
                                                                      class="form-control valid">Chúng ta đều biết CSS3 có thể tạo ra được những hiệu ứng đẹp mắt và ấn tượng. Với CSS3, chúng ta có thể giảm bớt lượng hình ảnh sử dụng khi chuyển từ PSD sang HTML&CSS.Tuy nhiên, cũng thật có có thể nhớ hết được tất cả các mã lệnh của CSS3
                                                                      </textarea>
                                                                  </div>
                                                               </div>       
                                                            </div>
                                                        	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 
                                                            text-center">
                                                            	<h5  class="thumbnail-img-text">Hình ảnh</h5>
                                                                <div class="thumbnail-img auto-margin full-width">
                                                           	    <img src="images/psd2css3.jpg" alt="psd2css3" 
                                                                class="img-responsive">
                                                                <a href="#" title="Xoá hình ảnh">Xoá hình đại diện</a>
                                                                 </div>
                                                            </div>
                                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                              <div class="editor-box full-width pull-left">
                                                              	<div class="editor-title pull-left text-right">
                                                                	<label class="">Nội dung</label>
                                                                </div>
                                                                <div class="editor-content pull-left">
                                                                    <textarea rows="10" id="cke-edit" name="txtNoiDung"
                                                                     class="ckeditor">Trong bài viết này tôi sẽ giới thiệu đến các bạn 2 extension chuyển từ hiệu ứng photoshop sang CSS3.
Đây là một extension miễn phí, tuy nhiên chúng ta phải mất 5s để cho extension xử lý và lưu trữ nó lên mây. Việc bạn cần làm là có một phiên bản photoshop từ CS3 trở lên và CSS3Ps hổ trợ hệ điều hành Windows và MacOs.
Bạn có thể download nó miễn phí tại: http://css3ps.com/Download/
Hướng dẫn cài đặt có tại link download trên.
Sau khi cài đặt xong bạn có thể vào photoshop và mở nó lên bằng cách vào menu Windows>Extension>CSS3Ps
Bây giờ, tôi có một nút button được thiết kế bằng photoshop và tôi muốn chuyển nó sang HTML/CSS và không sử dụng ảnh, chỉ dùng hiệu ứng của css3 để thiết kế nó.</textarea>
                                                                </div>
                                                                
                                                                <div class="pull-left full-width btn-form">
                                                                  <button class="btn btn-primary m-b-10" 
                                                                  name="btnCapNhat">Cập nhật</button>
                                                               </div>
                                                              </div>
                                                            </div>
                                                        </div>
                                                      </form>
                                                  </div>
                                              </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                
                                
                            </div><!-- end row -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- END MAIN CONTENT -->


        </div>
        <!-- END MAIN CONTENT -->

    </div>
    <!-- END WRAPPER -->
	
    <!-- BEGIN MANDATORY SCRIPTS -->
    <script src="plugins/jquery-1.11.js"></script>
    <script src="plugins/jquery-migrate-1.2.1.js"></script>
    <script src="plugins/jquery-ui/jquery-ui-1.10.4.min.js"></script>
    <script src="plugins/bootstrap/bootstrap.min.js"></script>
    <script src="plugins/bootstrap-dropdown/bootstrap-hover-dropdown.min.js"></script>
    <script src="plugins/bootstrap-select/bootstrap-select.js"></script>
    <script src="plugins/icheck/icheck.js"></script>
    <script src="plugins/mcustom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="plugins/mmenu/js/jquery.mmenu.min.all.js"></script>
    <script src="plugins/nprogress/nprogress.js"></script>
    <script src="plugins/charts-sparkline/sparkline.min.js"></script>
    <script src="plugins/breakpoints/breakpoints.js"></script>
    <script src="plugins/numerator/jquery-numerator.js"></script>
    <!-- END MANDATORY SCRIPTS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="plugins/bootstrap-switch/bootstrap-switch.js"></script>
    <script src="plugins/bootstrap-progressbar/bootstrap-progressbar.js"></script>
    <script src="plugins/datatables/dynamic/jquery.dataTables.min.js"></script>
    <script src="plugins/datatables/dataTables.bootstrap.js"></script>
    <script src="plugins/datatables/dataTables.tableTools.js"></script>
    <script src="plugins/modal/js/classie.js"></script>
    <script src="plugins/modal/js/modalEffects.js"></script>
    <script src="plugins/parsley/parsley.js"></script>
    <script src="plugins/parsley/parsley.extend.js"></script>
    <script src="js/table_editable.js"></script>
	<script src="js/table_dynamic.js"></script>
    <script src="ckeditor/ckeditor.js"></script>
    <script src="ckeditor/adapters/jquery.js"></script>
    <script src="ckeditor/config.js"></script>
    <script src="js/form.js"></script>
    <script src="js/bootstrapValidator.js"></script>
    <script src="js/bootstrapValidator.min.js"></script>
    <script src="js/script.js"></script>
    
    <!-- END  PAGE LEVEL SCRIPTS -->
    <script src="js/application.js"></script>
</body>

</html>